<template>
  <map-comp></map-comp>
  <nav-bar>
    <traffic-conditions></traffic-conditions>
    <check-announcement></check-announcement>
    <report-traffic></report-traffic>
    <tool-box></tool-box>
    <input-search></input-search>
    <logout-page></logout-page>
  </nav-bar>
</template>

<script setup>
import MapComp from "@/components/MapComp/MapComp.vue";
import NavBar from "@/components/NavComp/NavBar.vue";
import TrafficConditions from "@/components/NavComp/PublicComp/TrafficConditions.vue";
import CheckAnnouncement from "@/components/NavComp/CommonComp/CheckAnnouncement.vue";
import ReportTraffic from "@/components/NavComp/CommonComp/ReportTraffic.vue";
import ToolBox from "@/components/NavComp/PublicComp/ToolBox.vue";
import InputSearch from "@/components/NavComp/PublicComp/InputSearch.vue";
import LogoutPage from "@/components/NavComp/PublicComp/LogoutPage.vue";
</script>

<style>
.el-menu-item:nth-last-child(1),
.el-menu-item:nth-last-child(2) {
  margin-left: auto;
}
</style>
